<pro-header></pro-header>
<nz-card>
    <ng-template #title>
        编辑
    </ng-template>
    <ng-template #body>
        <form nz-form [formGroup]="bussinessForm"
              (ngSubmit)="save()"
        >
            <!--标题-->
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSpan]="6">
                    <label for="title" nz-form-item-required>标题</label>
                </div>
                <div nz-col [nzSpan]="12" id="title">
                    <nz-input [nzPlaceHolder]="'标题'" formControlName="title"></nz-input>
                </div>
            </div>

            <!--图标-->
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSpan]="6">
                    <label for="icon" nz-form-item-required>图标</label>
                </div>
                <div nz-col [nzSpan]="12" id="icon">
                    <app-myimgupload  (responseUrl)="uploadimg($event)" #imgload></app-myimgupload>
                    <nz-input [nzType]="'hidden'" formControlName="img"></nz-input>
                </div>
            </div>

            <!--指向-->
            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSpan]="6">
                    <label for="url" nz-form-item-required>指向</label>
                </div>
                <div nz-col [nzSpan]="12" id="url">
                    <nz-input [nzPlaceHolder]="'指向'" formControlName="url"></nz-input>
                </div>
            </div>

            <div nz-form-item nz-row>
                <div nz-form-label nz-col [nzSpan]="6">
                    <!--<label for="option" nz-form-item-required>操作</label>-->
                </div>
                <div nz-col [nzSpan]="12" id="option">
                    <button nz-button [nzType]="'primary'" [disabled]="!bussinessForm.valid">保存</button>
                </div>
            </div>

        </form>
    </ng-template>
</nz-card>
